<template>
    <Modal title="输入组合SKU" @on-visible-change="showModal" v-model="show" :closable="false" :mask-closable="false">
        <el-form ref="back" label-position="right" label-width="80px">
            <el-form-item label="输入组合SKU" prop="remark">
                <el-input size="small" type="text" v-model="remark" placeholder="SKU" style="width: 240px" />
            </el-form-item>
        </el-form>
        <div slot="footer">
            <el-button size="small" @click="cancel">取消</el-button>
            <el-button @click="ok" type="success" size="small">确定</el-button>
        </div>
    </Modal>
</template>
<script>
export default {
    name: "CXiapiRemark",
    data() {
        return {

            remark: "",
            show: false
            
        }
    },
    props: [

    ],
    methods: {
        showDialog() {

            this.show = true;
        },
        showModal: function(val) {

            if (!val){
                this.remark = "";
                
            } 
        },

        ok: function() {

            if (!this.remark) {
                this.errorMessage("请输入组合SKU");
                return false;
            }

            this.$emit('ok', this.remark);

            this.show = false;
        },
        cancel: function() {
            this.$emit('cancel');
            this.show = false;
        }

    }
}
</script>
<style scoped>
.ivu-alert-with-desc {
    padding: 0px 16px;
}

.time {
    font-size: 14px;
    font-weight: bold;
}

.content {
    padding-left: 5px;
    word-wrap: break-word;
}
</style>